<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:m="http://www.ol4jsf.org"
	xmlns:a4j="http://richfaces.org/a4j">

	<style>
		.noMaskClass .rich-mpnl-mask-div {
			display:none;
		}
		.dataContentEditData {
			width:100%;
			height:330px;
			overflow:auto;
		}
	</style>
	
	<rich:modalPanel id="searchSpatialZoneToolbox" minWidth="400" minHeight="235" styleClass="noMaskClass" zindex="10000">
		<f:facet name="header">
			<h:outputText value="#{messages['interactiveviewer.search_spatial_zone_desc']}"/>
		</f:facet>
		
		<f:facet name="controls">
			<h:panelGroup>
				<h:graphicImage value="/img/close.png" styleClass="hidelink"
					id="searchSpatialZonePanel" />
				<rich:componentControl for="searchSpatialZoneToolbox" attachTo="searchSpatialZonePanel"
					operation="hide" event="onclick" />
			</h:panelGroup>
		</f:facet>
		
		<h:panelGroup id="panelSearch">
			<div align="center">
				<h:form>
					<rich:panel>
					<table width="100%">
						<tr>
							<td>
								<rich:panel style="width:100%; height: 120px">
									<h:selectOneRadio layout="pageDirection" value="">
										<f:selectItem itemLabel="#{messages['txt.name']}" itemValue="0"/>
										<f:selectItem itemLabel="#{messages['txt.field_tab']}" itemValue="1"/>
										<f:selectItem itemLabel="#{messages['txt.municipal_key']}" itemValue="2"/>
										<f:selectItem itemLabel="#{messages['txt.cadastral_key']}" itemValue="3"/>
									</h:selectOneRadio>
								</rich:panel>
							</td>
							<td>
								<rich:panel style="width:100%; height: 120px">
									<h:outputText value="Texto de busqueda" />
									<br />
									<h:inputText value="" style="width:95%" />
								</rich:panel>
							</td>
						</tr>
					</table>
					<br />
					<a4j:commandButton value="#{messages['button.ok']}" />
					</rich:panel>
				</h:form>
			</div>
		</h:panelGroup>
	</rich:modalPanel>

</ui:component>

